<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
	<head>
		<title>职业兴趣测试报告</title>
		<meta name="decorator" content="cms_default_${site.theme}"/>
		<meta name="description" content="JeeSite ${site.description}"/>
		<meta name="keywords" content="JeeSite ${site.keywords}"/>
		<link rel="stylesheet" href="${ctxStatic}/css/main.css"/>
		<link rel="stylesheet" href="${ctxStatic}/css/style.css"/>
		<script src="${ctxStatic}/js/jquery.jqprint-0.3.js"></script>
		<script type="text/javascript">
		function  print(){
	        $("#print").jqprint();
	    }
		</script>
		
	</head>
<body>
	<div class="shop-center" style="width:870px">
		<div id="print">
			<script src="${ctxStatic}/js/echarts.js"></script>
			<div class="course-tit">
				<h1 style="box-sizing: border-box; margin: 20px 0px 10px; font-size: 30px; font-family: 微软雅黑, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(48, 48, 48); border-bottom: 1px solid rgb(235, 235, 235); padding-bottom: 15px; white-space: normal; text-align: center;">
					文鼎教育报考志愿通----测试报告</h1>
				<input type="button" onclick="print()" value="打印测试报告" class="printBtn"/>
			</div>
			<div class="course">
				<div class="course-lt" style="width:100%" id="content">
					<img src="${ctxStatic}/img/filsh.jpg"/>
					
					<p class="MsoNormal" style="text-align: center;">
						<strong><span style="font-size:20px;"><span style="font-family: 宋体;">第一部分：测试报告导读</span></span></strong><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal">
						<span style="font-size:16px;"><span style="font-family: 宋体;">亲爱的会员同学：</span></span><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal" style="text-indent:21.0000pt;mso-char-indent-count:2.0000;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">你好！</span></span></p>
					<p class="MsoNormal" style="text-indent:21.0000pt;mso-char-indent-count:2.0000;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">非常感谢你选择文鼎教育高考报考志愿指导，并成为我们的会员。随着高等教育的发展，教育大众化时代已经到来，高考升学的机会不断扩大，如何选择一个自己感兴趣并且适合自己的专业成为众多考生家长关注的焦点。</span></span></p>
					<p class="MsoNormal" style="text-indent:21.0000pt;mso-char-indent-count:2.0000;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">在这份报告里面，我们将综合分析你的各方面特征并给出如何填报志愿的相应建议，</span><span style="font-family: 宋体;">希望我们的指导报告可以帮助你清晰的认识自我，为你的高考专业选择和未来生涯发展提供有效的帮助。</span></span><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal">
						<span style="font-size:16px;"><span style="font-family: 宋体;">&nbsp;</span></span></p>
					<p class="MsoNormal">
						<span style="font-size:16px;"><span style="font-family: 宋体;">注意事项：</span></span><span style="mso-spacerun:'yes';font-family:宋体;mso-bidi-font-family:MicrosoftYaHei;font-size:10.5000pt;mso-font-kerning:0.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal" style="text-indent: 21pt;">
						<span style="font-size:16px;"><span style="font-family: 宋体;">本报告对你的个人特点进行了详细的描述，是科学的参考资料，但不是唯一的决策依据，其目的是为了帮助你拓宽思路，接受更多的可能，而并非限制你的选择；报告结果没有</span><span style="font-family: 宋体;">&ldquo;</span><span style="font-family: 宋体;">好</span><span style="font-family: 宋体;">&rdquo;</span><span style="font-family: 宋体;">与</span><span style="font-family: 宋体;">&ldquo;</span><span style="font-family: 宋体;">坏</span><span style="font-family: 宋体;">&rdquo;</span><span style="font-family: 宋体;">之分，不同的特点对于不同的专业和职业会存在</span><span style="font-family: 宋体;">&ldquo;</span><span style="font-family: 宋体;">合适</span><span style="font-family: 宋体;">&rdquo;</span><span style="font-family: 宋体;">和</span><span style="font-family: 宋体;">&ldquo;</span><span style="font-family: 宋体;">不合适</span><span style="font-family: 宋体;">&rdquo;</span><span style="font-family: 宋体;">的区别，从而表现出具体条件的优势和劣势。本报告仅供参考。</span></span></p>
					<p class="MsoNormal" style="text-indent: 21pt;">
						<span style="mso-spacerun:'yes';font-family:宋体;mso-bidi-font-family:MicrosoftYaHei;font-size:10.5000pt;mso-font-kerning:0.0000pt;">&nbsp;</span></p>
					<p class="MsoNormal" style="text-align: center;">
						<span style="font-size:20px;"><strong><span style="font-family: 宋体;"><font face="宋体">第二部分</font> <font face="宋体">报告解析</font></span></strong></span><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal">
						<span style="font-size:16px;"><span style="font-family: 宋体;"><font face="宋体">心理学认为，</font>&ldquo;性格&rdquo;是一种个体内部的行为倾向，它具有整体性、结构性、持久稳定性等特点，是每个人特有的，可以对个人外显的行为、态度提供统一的、内在的解释。</span><br />
						<span style="font-family: 宋体;"><font face="宋体">心理学家把性格分析</font>4个维度，每个维度上的包含相互对立的2种偏好：</span></span></p>
					<p class="MsoNormal" style="text-align: center;">
						<span style="font-size:16px;"><span style="font-family: 宋体;"><img alt="" src="/baokaogps/userfiles/1/images/cms/news/2017/12/015.png" style="width: 362px; height: 295px;" /></span></span></p>
					<p class="MsoNormal">
						<span style="font-size:16px;"><font face="宋体" style="font-family: 宋体; font-size: 10.5pt;">其中，</font><span style="font-family: 宋体;">&ldquo;外向E&mdash;&mdash;内向I&rdquo;代表着各人不同的精力（Energy）来源；&ldquo;感觉S&mdash;直觉N&rdquo;、&ldquo;思考T&mdash;情感F&rdquo;分别表示人们在进行感知（Perception）和判断（Judgement）时不同的用脑偏好；&ldquo;判断J&mdash;感知P&rdquo;针对人们的生活方式（Life Style）而言，它表明我们如何适应外部环境&mdash;&mdash;在我们适应外部环境的活动中，究竟是感知还是判断发挥了主导作用。</span></span></p>
					<p class="MsoNormal">
						<span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal">
						<span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">&nbsp;</span></p>
					<p class="MsoNormal" style="text-align: center;">
						<strong><span style="font-size:20px;"><span style="font-family: 宋体;">第三部分：结果分析</span></span></strong><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal">
						<span style="font-size:16px;"><span style="font-family: 宋体;">&nbsp;<font face="宋体">亲爱的会员，经过测试，你的职业性格结果是：</font><span style="color:#ff0000;"><span style="font-size:18px;">${testResult.resultType.replaceAll(",","")}</span></span><font face="宋体">型</font></span></span></p>
					<p class="MsoNormal">
						<span style="font-size:18px;"><b><span style="font-family: 宋体;">类型解析：</span></b></span><span style="mso-spacerun:'yes';font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p>
					<p class="MsoNormal">
						<b><span style="font-family: 宋体; font-size: 12pt;"><o:p></o:p></span></b></p>

					<center>
						<div >		
							<div id="main" style="width: 600px;height:400px;"></div>
						</div>
					</center>
					
					${fns:getReportByType('2',testResult.resultType.replaceAll(",","")).content}
				</div>
			</div>
			<script type="text/javascript">
				var score = eval('(' + '${testResult.score}' + ')');
				var myChart = echarts.init(document.getElementById('main'));
				var option = {
					    color: ['#3398DB'],
					    tooltip : {
					        trigger: 'axis',
					        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
					            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
					        }
					    },
					    grid: {
					        left: '3%',
					        right: '4%',
					        bottom: '3%',
					        containLabel: true
					    },
					    xAxis : [
					        {
					            type : 'category',
					            data : ['外向(E)', '内向(I)', '感觉(S)', '直觉(N)', '思考(T)', '情感(F)', '判断(J)', '感知(P)'],
					            axisTick: {
					                alignWithLabel: true
					            }
					        }
					    ],
					    yAxis : [
					        {
					            type : 'value'
					        }
					    ],
					    series : [
					        {
					            name:'直接访问',
					            type:'bar',
					            barWidth: '60%',
					            data:[score.E, score.I, score.S, score.N, score.T, score.F, score.J, score.P],
					            itemStyle: {   
					                normal:{  
					                    color: function (params){
					                        var colorList = ['rgb(164,205,238)','rgb(42,170,227)','rgb(25,46,94)','rgb(195,229,235)','rgb(164,205,238)','rgb(42,170,227)','rgb(25,46,94)','rgb(195,229,235)'];
					                        return colorList[params.dataIndex];
					                    }
					                }
					            }
					        }
					    ]
					};
				
				myChart.setOption(option);
			</script>
		</div>
	</div>
</body>